/*content-box begin*/
/*content-box begin*/
#content-box{
    overflow: hidden;

}
/*left-box begin*/
#left-box{
    width: 180px;
    background: rgba(255,255,255,0.3);
    margin:4px 4px 10px 4px;
    padding: 2px 2px 20px 2px ;
    border: 1px solid transparent;
    border-radius: 10px;
    float: left;
}
/*my-photo begin*/
#my-photo{
    height:180px;
    width: 95%;
    border: 1px solid #000000;
    border-radius: 15px;
    margin:4px auto 0 ;
    overflow: hidden;
}
#my-photo img{
    width:100%;
    height:180px;
}
/*my-photo finish*/
/*my-name begin*/
#my-name{
    color: #b2cf44;
    width:50%;
    background: #722768;
    margin:4px auto;
    border: 1px solid #b2cf44;
    border-radius: 15px;
    text-align: center;
}
/*my-name finish*/
/*signature begin*/
#signature{
    height:180px;
    width: 95%;
    /*background: #fa505e;*/
    border: 1px solid #000000;
    border-radius: 15px;
    margin:4px auto 0 ;
}
/*signature finish*/
/*contact begin*/
#contact a{
    display: block;
    text-align: center;
}
#contact p{
    margin: 4px 2px 0 2px;
    word-wrap: break-word;//解决宽/窄屏所带来的兼容显示问题 强制换行
}
/*contact finish*/
#recently,#visitor{
    /*height:180px;*/
    width: 95%;
    border: 1px solid #000000;
    border-radius: 15px;
    margin:8px auto 0 ;
}
#recently li,#visitor li {
    height:25px;
    line-height:25px;
    border-bottom: 1px solid #000000;
}
#recently li:last-child,#visitor li:last-child{
    border:none;
}
/*left-box finish*/

/*right-box begin*/
#right-box{
    float: left;
    background: rgba(255,255,255,0.3);
}
/*tag begin*/
#tag{
    width:100%;
}
#tag ul{
    width:906px;
    height:28px;
    border:1px solid transparent;
    border-radius: 15px;
    margin:0 auto;
    /*background: #b01915;*/
}
#tag .selected{
    background: #2762f1;
}
#tag .selected:first-child{
    border-radius: 15px 0 0 15px;//目的是让第一个出现相应圆角
}
#tag .selected:last-child{
    border-radius: 0 15px 15px 0;//目的是让最后一个出现相应圆角
}
#tag ul li{
    float: left;
    width: 150px;
    height:28px;
    line-height:28px;
    text-align: center;
    /*border-left: 1px solid #000000;*/
    color: #000;
}
#tag ul a{
    color: #000;
}
#tag ul li:first-child{
    border:none;
}
/*tag finish*/
/*content begin*/
#content >div{
    padding:6px 10px;
    border:1px solid #000000;
    border-radius: 15px;
    margin-top: 10px;
    /*display: none;*/
}
#content .selected{
    display: block;
}
#tag1{
    /*background: red;*/
}
#tag2{
    /*background: orange;*/
}
#tag3{
    /*background: yellow;*/
}

#tag3  ul{
    overflow: hidden;
}
#tag3 li{
    width: 400px;
    height:224px;
    border:1px solid transparent;
    border-radius: 15px;
    float: left;
    overflow: hidden;
}
#tag3 img,#tag5 img{
    width:400px;
    /*height:;*/
    display: block;
}
#tag4{
    /*background: forestgreen;*/
}
#tag5{
    /*background: cyan;*/
}
#tag5 .img-box{
    width: 400px;
    height:224px;
    border:1px solid transparent;
    border-radius: 15px;
    overflow: hidden;
}
#tag6{
    /*background: darkblue;*/
}
/*content finish*/
/*right-box finish*/
/*content-box finish*/